<template>
  <section class="content-view">
    <h2 class="item-title">基础使用</h2>
    <Group>
      <Cell title="标题" value="内容"/>
      <Cell :showArrow="true" title="标题"/>
      <Cell :showArrow="true" title="标题" value="内容"/>
      <Cell :icon="require('../../../assets/images/logo.png')" :showArrow="true" title="标题" value="内容"/>
      <Cell :icon="require('../../../assets/images/logo.png')" :showArrow="true" title="标题过长长长长长长长长长长长" value="内容过长长长长长长长长长长长长长长长长长长长长长"/>
    </Group>

    <h2 class="item-title">使用插槽</h2>
    <Group>
      <Cell>
        <div style="width: 100%; height: 100%; background: yellow"/>
      </Cell>
      <Cell>
        <div>可以</div>
        <div>自定义</div>
        <div>内容</div>
      </Cell>
    </Group>

  </section>
</template>

<script>
import { Group } from '&'
const { Cell } = Group

export default {
  components: {
    Group,
    Cell,
  },
  data () {
    return {}
  },
  created () {},
  methods: {},
}
</script>

<style lang="stylus" scoped>
</style>
